import React, { Component } from 'react'
import BrNav from "../brNav/BrNav"
import "./my.scss"
import {withRouter} from "react-router-dom"
class My extends Component {
  componentDidMount(){
    // console.log(this.props);
  }
  render() {
    return <div className="my">
      <BrNav title="我的" left={false}></BrNav>
      <div className="myContent">
        {/* 登录板块开始 */}
        <div className="login">
          <span className="loginBtn" onClick={()=>this.props.history.push('/login')}>登录</span>
        </div>
        {/* 登录板块结束 */}
        {/* 导航板块开始 */}
        <div className="myNav">
          <div className="navItem">
            <i className="icons icon-qian"></i>
            <span className="title">待付款</span>
          </div>
          <div className="navItem">
            <i className="icons icon-daishouhuo"></i>
            <span className="title">待收货</span>
          </div>
          <div className="navItem">
            <i className="icons icon-tuihuo"></i>
            <span className="title">退货/退款</span>
          </div>
          <div className="navItem">
            <i className="icons icon-dingdan"></i>
            <span className="title">全部订单</span>
          </div>
        </div>
        {/* 导航板块结束 */}
        {/* 页面其它业务开始 */}
        <div className="myBusiness">
          <div className="contentModule">
            <div className="moduleLeft">
              <i className="iconfont icon-lianxikefu"></i>
              <p className="linkService">联系客服</p>
            </div>
            <div className="moduleRight">
              <p className="context">400-618-4000</p>
            </div>
          </div>
          <div className="contentModule">
            <div className="moduleLeft">
              <i className="icons icon-yijianfankui"></i>
              <p className="linkService">意见反馈</p>
            </div>
          </div>
          <div className="contentModule">
            <div className="moduleLeft">
              <i className="icons icon-dangqianbanben"></i>
              <p className="linkService">当前版本</p>
            </div>
            <div className="moduleRight">
              <p className="context">v4.1.1</p>
            </div>
          </div>
        </div>
        {/* 页面其它业务结束 */}
      </div>
    </div>
  }
}
export default withRouter(My)